body,
html,
#app {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.box-shadow{
  box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.1);
}
.card-g{
  box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.1);
  border-radius: 10px;
  width: 100%;
  padding: 16px;
  margin: 10px 0;
}
.title-g{
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 16px;
}
.title-g::before {
  display: inline-block;
  content: '';
  width: 5px;
  border-radius: 5px;
  height: 20px;
  margin-right: 10px;
  background: linear-gradient(to left, #5866f5, #4492f0);
}
.img-box-g {
  overflow: hidden; 
  background-size: cover;
}
.img-box-g > img{
    width: 100%;
    height:100%
}